<!DOCTYPE html>
<html class="no-js" lang="">
	<head>
		<meta charset="utf-8" />
		<title>Blog</title>
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!-- Favicons -->
		<link rel="shortcut icon" href="assets/img/favicon.png" />

		<!-- All CSS Here-->
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
		<!-- Fontawesome -->
		<link rel="stylesheet" href="assets/css/fontawesome-all.min.css" />
		<!-- Mobile menu -->
		<link rel="stylesheet" href="assets/css/meanmenu.css" />
		<!-- -->
		<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
		<!-- slick slider -->
		<link rel="stylesheet" href="assets/css/slick.css" />
		<!-- Main css -->
		<link rel="stylesheet" href="assets/css/default.css" />
		<link rel="stylesheet" href="assets/css/style.css" />
		<!-- Responsive css -->
		<link rel="stylesheet" href="assets/css/responsive.css" />
	</head>

	<body>
		<!--[if lte IE 9]>
			<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
		<![endif]-->

		<!--********************************
    ***** Code Start From Here *****
    ******************************** -->
		<div class="preloader"></div>

		<!-- Settings -->
		<div class="theme_settings">
			<button type="button" id="settings_toggler">
				<i class="fas fa-cog"></i>
			</button>
			<h3>Themes settings</h3>

			<h5>Primary Colors</h5>
			<div class="setting_colors">
				<button data-color="#0284c7" class="prime_1 change_prime_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#4f46e5" class="prime_2 change_prime_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#1abc9c" class="prime_3 change_prime_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#F79F1F" class="prime_4 change_prime_color">
					<i class="icon fas fa-check"></i>
				</button>
			</div>

			<h5>Secondary Colors</h5>
			<div class="setting_colors">
				<button data-color="#18181b" class="second_1 change_sec_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#1e293b" class="second_2 change_sec_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#374151" class="second_3 change_sec_color">
					<i class="icon fas fa-check"></i>
				</button>
				<button data-color="#44403c" class="second_4 change_sec_color">
					<i class="icon fas fa-check"></i>
				</button>
			</div>
		</div>

		<!-- back to top -->
		<button id="back-to-top" class="back-to-top-hide">
			<i class="fas fa-arrow-up"></i>
		</button>

		<!-- Header area started -->
		<header>
			<div class="container">
				<div class="row">
					<!-- header logo -->
					<div class="col-md-2">
						<div class="header-logo">
							<h1>
								<a href="index.html">unique<span>g</span></a>
							</h1>
						</div>
					</div>
					<!-- navbar -->
					<div class="col-md-10 col-lg-9 col-xl-8 offset-xl-2 offset-lg-1 offset-0 d-none d-md-block">
						<nav>
							<ul>
								<li><a class="link-hover" href="index.html">Home</a></li>
								<li><a class="link-hover" href="about.html">About Us</a></li>
								<li class="with-submenu">
									<a class="link-hover" href="#">Pages</a>
									<ul class="sub-menu">
										<li><a href="service.html">Services</a></li>
										<li><a href="blog.html">Blog</a></li>
										<li><a href="single-portfolio.html">Portfolio</a></li>
										<li><a href="about.html">About</a></li>
									</ul>
								</li>
								<li><a class="link-hover" href="portfolio.html">Portfolio</a></li>
								<li><a class="link-hover" href="contact.html">Contact</a></li>
								<li class="round-border cart">
									<a href="#"><i class="fa fa-briefcase"></i><span>2</span></a>
									<!-- cart wrapper -->
									<div class="cart-wrapper">
										<h3>SHOPPING CART</h3>
										<!-- single cart -->
										<div class="single-cart d-flex">
											<div class="cart-img">
												<img src="assets/img/header/cart/single-cart-2.jpg" alt="" />
											</div>
											<div class="cart-content">
												<h6>How to become a Web Developer</h6>
												<p><span class="cart-amount">1x</span> <span class="cart-cost">$79.99</span></p>
												<button class="cart-del-btn">x Delete</button>
											</div>
										</div>
										<!-- single cart end -->
										<!-- single cart -->
										<div class="single-cart d-flex">
											<div class="cart-img">
												<img src="assets/img/header/cart/single-cart-1.jpg" alt="" />
											</div>
											<div class="cart-content">
												<h6>How to become a UI Designer</h6>
												<p><span class="cart-amount">1x</span> <span class="cart-cost">$79.99</span></p>
												<button class="cart-del-btn">x Delete</button>
											</div>
										</div>
										<!-- single cart end -->
										<!-- cart footer -->
										<div class="cart-footer">
											<a href="#" class="cart-footer-btn checkout">checkout</a>
											<a href="#" class="cart-footer-btn view-cart">view-cart</a>
											<a href="#" class="cart-footer-btn add-item">add-item</a>
										</div>
									</div>
								</li>
								<li class="round-border">
									<a href="#"><i class="fas fa-search"></i></a>
									<div class="search-box">
										<form action="">
											<input type="text" placeholder="Search Something" />
											<button type="submit"><i class="fas fa-search"></i></button>
										</form>
									</div>
								</li>
								<li class="lang-select">
									<a href="#">EN</a>
									<ul class="sub-lang">
										<li><a href="#">FR</a></li>
										<li><a href="#">BN</a></li>
									</ul>
								</li>
							</ul>
						</nav>
					</div>
				</div>
				<!-- mobile menu -->
				<div class="sidebar-icon d-block d-md-none">
					<a href="#" id="open-sidebar"><img src="assets/img/header/mobile-menu-bar.png" alt="" /></a>
				</div>
			</div>
		</header>
		<!-- header area end -->

		<!-- Mobile view sidebar area -->
		<div class="sidebar d-block d-md-none">
			<!-- close icon -->

			<!-- search box -->
			<div class="sidebar-search-box d-flex justify-content-between align-items-center mb-50">
				<div class="sidebar-close">
					<a href="#" id="close-sidebar"><i class="fa fa-plus"></i></a>
				</div>
				<form action="">
					<input type="text" />
					<button type="submit"><i class="fas fa-search"></i></button>
				</form>
			</div>
			<!-- search box enc -->

			<!-- sideber menu -->
			<div class="sidebar-menu mb-30">
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="about.html">About Us</a></li>
					<li>
						<a class="with-side-sub">Pages <i class="fas fa-sort-down"></i></a>
						<ul class="sidebar-sub-menu">
							<li><a href="service.html">Services</a></li>
							<li><a href="blog.html">Blog</a></li>
							<li><a href="single-portfolio.html">Portfolio</a></li>
							<li><a href="about.html">About</a></li>
						</ul>
					</li>
					<li><a href="portfolio.html">Portfolio</a></li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
			</div>

			<!-- sidebar populer tag -->
			<div class="sidebar-tag">
				<h6 class="sidebar-tag-title">popular tag</h6>
				<a href="#">#creative</a>
				<a href="#">#wordpress theme</a>
				<a href="#">#website design</a>
				<a href="#">#html 5</a>
				<a href="#">#multi-purpose</a>
				<a href="#">#template</a>
			</div>
		</div>
		<!-- sidebar area end -->

		<!-- banner area -->
		<section class="banner-area">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="banner-title">
							<h1>Blog Page</h1>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- blog area -->
		<section class="blog-area pt-80 pb-60">
			<div class="container">
				<div class="row">
					<div class="col-lg-9">
						<div class="blog-content">
							<!-- single blog -->
							<div class="single-blog-wrapper mb-110">
								<!-- blog slider  -->
								<div class="single-blog-slider mb-25">
									<div class="row">
										<div class="col-md-12">
											<div class="blog-slider">
												<!-- single blog slider -->
												<div class="single-blog-slider">
													<div class="blog-slider-img">
														<img src="assets/img/blog/blog--slider-1.jpg" alt="" />
													</div>
												</div>
												<!-- single blog slider end -->
												<!-- single blog slider -->
												<div class="single-blog-slider">
													<div class="blog-slider-img">
														<img src="assets/img/blog/blog--slider-2.jpg" alt="" />
													</div>
												</div>
												<!-- single blog slider end -->
												<!-- single blog slider -->
												<div class="single-blog-slider">
													<div class="blog-slider-img">
														<img src="assets/img/blog/blog--slider-3.jpg" alt="" />
													</div>
												</div>
												<!-- single blog slider end -->
											</div>
										</div>
									</div>
								</div>
								<!-- blog slider end -->
								<!-- single blog text -->
								<div class="single-blog-text">
									<div class="single-blog-meta"><span>11/06/2022</span> <span>by Johnathan Doe</span> <a href="#">31 comments</a></div>
									<h4>Nothing is impossible, the word itself says 'I'm possible'!</h4>
									<p>
										Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolor erat, sed diam voluptua. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
										delenit augue duis dolore te feugait nulla facilisi.
									</p>
									<div class="single-blog-footer d-flex justify-content-between align-items-center">
										<a href="single-blog.html" class="read-more-btn">Read More</a>
										<div class="single-blog-share">
											<a class="share-icon"><i class="fas fa-share-alt"></i></a>
											<div class="share-content">
												<a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
												<a href="https://twitter.com"><i class="fab fa-twitter"></i></a>
												<a href="https://www.google.com"><i class="fab fa-google"></i></a>
												<a href="https://www.pinterest.com"><i class="fab fa-pinterest-p"></i></a>
												<a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
												<a href="#"><i class="fas fa-wifi"></i></a>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- single blog end -->
							<!-- single blog -->
							<div class="single-blog-wrapper mb-110">
								<!-- blog slider  -->
								<div class="single-blog-slider mb-25">
									<div class="row">
										<div class="col-md-12">
											<div class="blog-slider">
												<!-- single blog slider -->
												<div class="single-blog-slider">
													<div class="blog-slider-img">
														<img src="assets/img/blog/blog--slider-4.jpg" alt="" />
													</div>
												</div>
												<!-- single blog slider end -->
												<!-- single blog slider -->
												<div class="single-blog-slider">
													<div class="blog-slider-img">
														<img src="assets/img/blog/blog--slider-4.jpg" alt="" />
													</div>
												</div>
												<!-- single blog slider end -->
												<!-- single blog slider -->
												<div class="single-blog-slider">
													<div class="blog-slider-img">
														<img src="assets/img/blog/blog--slider-4.jpg" alt="" />
													</div>
												</div>
												<!-- single blog slider end -->
											</div>
										</div>
									</div>
								</div>
								<!-- blog slider end -->
								<!-- single blog text -->
								<div class="single-blog-text">
									<div class="single-blog-meta"><span>11/06/2022</span> <span>by Johnathan Doe</span> <a href="#">31 comments</a></div>
									<h4>The standard chunk of Lorem Ipsum used since</h4>
									<p>
										Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolor erat, sed diam voluptua. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
										delenit augue duis dolore te feugait nulla facilisi.
									</p>
									<div class="single-blog-footer d-flex justify-content-between align-items-center">
										<a href="single-blog.html" class="read-more-btn">Read More</a>
										<div class="single-blog-share">
											<a class="share-icon"><i class="fas fa-share-alt"></i></a>
											<div class="share-content">
												<a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
												<a href="https://twitter.com"><i class="fab fa-twitter"></i></a>
												<a href="https://www.google.com"><i class="fab fa-google"></i></a>
												<a href="https://www.pinterest.com"><i class="fab fa-pinterest-p"></i></a>
												<a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
												<a href="#"><i class="fas fa-wifi"></i></a>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- single blog end -->
							<!-- single blog -->
							<div class="single-blog-wrapper mb-110">
								<!-- blog slider  -->
								<div class="single-blog-slider mb-25">
									<div class="row">
										<div class="col-md-12">
											<div class="blog-slider">
												<!-- single blog slider -->
												<div class="single-blog-slider">
													<div class="blog-slider-img">
														<img src="assets/img/blog/blog--slider-1.jpg" alt="" />
													</div>
												</div>
												<!-- single blog slider end -->
												<!-- single blog slider -->
												<div class="single-blog-slider">
													<div class="blog-slider-img">
														<img src="assets/img/blog/blog--slider-2.jpg" alt="" />
													</div>
												</div>
												<!-- single blog slider end -->
												<!-- single blog slider -->
												<div class="single-blog-slider">
													<div class="blog-slider-img">
														<img src="assets/img/blog/blog--slider-3.jpg" alt="" />
													</div>
												</div>
												<!-- single blog slider end -->
											</div>
										</div>
									</div>
								</div>
								<!-- blog slider end -->
								<!-- single blog text -->
								<div class="single-blog-text">
									<div class="single-blog-meta"><span>11/06/2022</span> <span>by Johnathan Doe</span> <a href="#">31 comments</a></div>
									<h4>It is a long established fact that a reader will be distracted</h4>
									<p>
										Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolor erat, sed diam voluptua. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
										delenit augue duis dolore te feugait nulla facilisi.
									</p>
									<div class="single-blog-footer d-flex justify-content-between align-items-center">
										<a href="single-blog.html" class="read-more-btn">Read More</a>
										<div class="single-blog-share">
											<a class="share-icon"><i class="fas fa-share-alt"></i></a>
											<div class="share-content">
												<a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
												<a href="https://twitter.com"><i class="fab fa-twitter"></i></a>
												<a href="https://www.google.com"><i class="fab fa-google"></i></a>
												<a href="https://www.pinterest.com"><i class="fab fa-pinterest-p"></i></a>
												<a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
												<a href="#"><i class="fas fa-wifi"></i></a>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- single blog end -->
						</div>
					</div>

					<!-- aside -->
					<div class="col-lg-3">
						<div class="blog-aside">
							<!-- search box -->
							<div class="aside-search-box mb-50">
								<form action="">
									<input type="text" />
									<button type="submit"><i class="fas fa-search"></i></button>
								</form>
							</div>
							<!-- search box enc -->

							<!-- populer cetagories -->
							<div class="aside-popular-cetagories mb-50">
								<h6 class="aside-section-title">Popular Categories</h6>
								<ul>
									<li>
										<a href="#">Internet Marketing <span class="text-right">(05)</span></a>
									</li>
									<li>
										<a href="#">Search Engine Optimization <span class="text-right">(08)</span></a>
									</li>
									<li>
										<a href="#">Webdevelopement <span class="text-right">(04)</span></a>
									</li>
									<li>
										<a href="#">Creative Strategies <span class="text-right">(12)</span></a>
									</li>
									<li>
										<a href="#">Webhosting Services <span class="text-right">(07)</span></a>
									</li>
								</ul>
							</div>
							<!-- populer cetagories end -->

							<!-- aside recent post -->
							<div class="aside-recent-post mb-50">
								<h6 class="aside-section-title">recent posts</h6>
								<!-- single recent post -->
								<div class="single-recent-post d-flex">
									<div class="recent-post-img">
										<img src="assets/img/aside/recent-post/recent-post-img-1.jpg" alt="" />
									</div>
									<div class="recent-post-content">
										<h6><a href="#">Stet clita ea et gubergren, kasd magna no rebum</a></h6>
										<p class="text-right">11/06/2022</p>
									</div>
								</div>
								<!-- single recent post end -->
								<!-- single recent post -->
								<div class="single-recent-post d-flex">
									<div class="recent-post-img">
										<img src="assets/img/aside/recent-post/recent-post-img-2.jpg" alt="" />
									</div>
									<div class="recent-post-content">
										<h6><a href="#">Stet clita ea et gubergren, kasd magna no rebum</a></h6>
										<p class="text-right">11/06/2022</p>
									</div>
								</div>
								<!-- single recent post end -->
								<!-- single recent post -->
								<div class="single-recent-post d-flex">
									<div class="recent-post-img">
										<img src="assets/img/aside/recent-post/recent-post-img-3.jpg" alt="" />
									</div>
									<div class="recent-post-content">
										<h6><a href="#">Stet clita ea et gubergren, kasd magna no rebum</a></h6>
										<p class="text-right">11/06/2022</p>
									</div>
								</div>
								<!-- single recent post end -->
							</div>
							<!-- aside recent post end -->
							<!-- intagram feed  -->
							<div class="aside-insta-feed mb-50 d-none d-lg-block">
								<h6 class="aside-section-title">instagram feed</h6>
								<div class="row">
									<!-- single insta feed  -->
									<div class="col-3 mb-10">
										<div class="aside-insta-img">
											<img src="assets/img/aside/intra-feed/insta-feed-img-1.jpg" alt="" />
											<div class="insta-hover-content">
												<a href="#"><i class="fab fa-instagram"></i></a>
											</div>
										</div>
									</div>
									<!-- single insta feed end -->
									<!-- single insta feed  -->
									<div class="col-3 mb-10">
										<div class="aside-insta-img">
											<img src="assets/img/aside/intra-feed/insta-feed-img-2.jpg" alt="" />
											<div class="insta-hover-content">
												<a href="#"><i class="fab fa-instagram"></i></a>
											</div>
										</div>
									</div>
									<!-- single insta feed end -->
									<!-- single insta feed  -->
									<div class="col-3 mb-10">
										<div class="aside-insta-img">
											<img src="assets/img/aside/intra-feed/insta-feed-img-3.jpg" alt="" />
											<div class="insta-hover-content">
												<a href="#"><i class="fab fa-instagram"></i></a>
											</div>
										</div>
									</div>
									<!-- single insta feed end -->
									<!-- single insta feed  -->
									<div class="col-3 mb-10">
										<div class="aside-insta-img">
											<img src="assets/img/aside/intra-feed/insta-feed-img-4.jpg" alt="" />
											<div class="insta-hover-content">
												<a href="#"><i class="fab fa-instagram"></i></a>
											</div>
										</div>
									</div>
									<!-- single insta feed end -->
								</div>
								<div class="row">
									<!-- single insta feed  -->
									<div class="col-3 mb-10">
										<div class="aside-insta-img">
											<img src="assets/img/aside/intra-feed/insta-feed-img-5.jpg" alt="" />
											<div class="insta-hover-content">
												<a href="#"><i class="fab fa-instagram"></i></a>
											</div>
										</div>
									</div>
									<!-- single insta feed end -->
									<!-- single insta feed  -->
									<div class="col-3 mb-10">
										<div class="aside-insta-img">
											<img src="assets/img/aside/intra-feed/insta-feed-img-6.jpg" alt="" />
											<div class="insta-hover-content">
												<a href="#"><i class="fab fa-instagram"></i></a>
											</div>
										</div>
									</div>
									<!-- single insta feed end -->
									<!-- single insta feed  -->
									<div class="col-3 mb-10">
										<div class="aside-insta-img">
											<img src="assets/img/aside/intra-feed/insta-feed-img-7.jpg" alt="" />
											<div class="insta-hover-content">
												<a href="#"><i class="fab fa-instagram"></i></a>
											</div>
										</div>
									</div>
									<!-- single insta feed end -->
									<!-- single insta feed  -->
									<div class="col-3 mb-10">
										<div class="aside-insta-img">
											<img src="assets/img/aside/intra-feed/insta-feed-img-8.jpg" alt="" />
											<div class="insta-hover-content">
												<a href="#"><i class="fab fa-instagram"></i></a>
											</div>
										</div>
									</div>
									<!-- single insta feed end -->
								</div>
							</div>
							<!-- insta feed end -->

							<!-- aside populer tag -->
							<div class="aside-tag">
								<h6 class="aside-section-title">popular tag</h6>
								<a href="#" class="rounded-btn">creative</a>
								<a href="#" class="rounded-btn">wordpress theme</a>
								<a href="#" class="rounded-btn">website design</a>
								<a href="#" class="rounded-btn">html 5</a>
								<a href="#" class="rounded-btn">multi-purpose</a>
								<a href="#" class="rounded-btn">template</a>
							</div>
							<!-- aside populer end -->
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- work area end -->

		<!-- footer area -->
		<footer>
			<!-- footer wid area -->
			<div class="footer-wid-area pt-60 pb-50">
				<div class="container">
					<div class="row">
						<!-- single footer widget -->
						<div class="col-md-6 col-lg-3">
							<div class="single-footer-wid">
								<div class="footer-title">
									<h5>Contact Info</h5>
								</div>
								<div class="footer-info-content">
									<ul>
										<li>123 Main Street <br />New York, NY 01001</li>
										<li>support@email.com</li>
										<li>1 (800) 123 4567</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- single footer wid end -->
						<!-- single footer widget -->
						<div class="col-md-6 col-lg-3">
							<div class="single-footer-wid">
								<div class="footer-title">
									<h5>Quicklinks</h5>
								</div>
								<div class="quick-link-wrapper">
									<ul>
										<li><a href="#">Terms and Conditions</a></li>
										<li><a href="#">Our Services</a></li>
										<li><a href="#">Privacy Policy</a></li>
										<li><a href="#">Disclaimer</a></li>
									</ul>
								</div>
							</div>
						</div>
						<!-- single footer wid end -->
						<!-- single footer widget -->
						<div class="col-md-6 col-lg-3">
							<div class="single-footer-wid">
								<div class="footer-title">
									<h5>Instagram Feed</h5>
									<div class="footer-insta-feed">
										<div class="row">
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-1.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-2.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-3.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-4.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
										</div>
										<div class="row">
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-5.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-6.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-7.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
											<!-- single insta feed  -->
											<div class="col-3">
												<div class="footer-insta-img">
													<img src="assets/img/footer/intra-feed/insta-feed-img-8.jpg" alt="" />
													<div class="insta-hover-content">
														<a href="#"><i class="fab fa-instagram"></i></a>
													</div>
												</div>
											</div>
											<!-- single insta feed end -->
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- single footer wid end -->
						<!-- single footer widget -->
						<div class="col-md-6 col-lg-3">
							<div class="single-footer-wid">
								<div class="footer-title">
									<h5>Connect With Us</h5>
									<div class="footer-icon">
										<a href="#"><i class="fab fa-facebook-f"></i></a>
										<a href="#"><i class="fab fa-twitter"></i></a>
										<a href="#"><i class="fab fa-google"></i></a>
										<a href="#"><i class="fab fa-pinterest-p"></i></a>
										<a href="#"><i class="fab fa-instagram"></i></a>
										<a href="#"><i class="fa fa-wifi"></i></a>
									</div>
								</div>
							</div>
						</div>
						<!-- single footer wid end -->
					</div>
				</div>
			</div>

			<!-- footer copyright area -->
			<div class="footer-copyright">
				<div class="container">
					<div class="row">
						<div class="col-12">
							<p>Copyright 2025 © All Rights Reserved. <a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></p>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- footer area end -->

		<!-- Code end -->

		<!-- Jquery -->
		<script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
		<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
		<!-- Bootstrap -->
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<!-- Plugins -->
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/jquery.meanmenu.min.js"></script>
		<script src="assets/js/waypoints.min.js"></script>
		<script src="assets/js/jquery.counterup.min.js"></script>
		<script src="assets/js/isotope.pkgd.min.js"></script>
		<script src="assets/js/slick.min.js"></script>
		<script src="assets/js/animateit.js"></script>
		<script src="assets/js/jquery.easypiechart.min.js"></script>
		<!-- Custom JS -->
		<script src="assets/js/main.js"></script>
	</body>
</html>
